@charset "utf-8";
/* CSS Document */
html,body{margin:0 auto; font-size:12px; line-height:24px; color:#666;text-decoration:none; font-family:"Microsoft YaHei","微雅软黑","宋体"; font-weight:normal; }
a{font-size:12px; line-height:24px; text-decoration:none;color:#666;}
a:hover{color:#008dce;}
img{border:0;}
ul,ol,dl{list-style:none; margin:0; padding:0;}
ul,ol,dl,dt,dd,li{margin:0; padding:0;}
p,h1,h2,h3,h4,div,font{margin:0; padding:0;}
table{border-collapse:collapse;}
/*----------------------------------*/
.clear{clear:both; height:0px; line-height:1px; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.inner{display:Block;width:1200px; margin:0 auto;}
.z2{font-size:15px;color:#d90008;}
.z3{font-size:14px;color:#008dce;}

.ding{display:block; width:100%; height:95px;}
.ding .fl{ width:400px; padding-top:16px; }
.ding .fr{width:280px; padding-top:25px;}
.ding .fr ul{display:Block; width:180px; margin-left:100px;}
.ding .fr ul li{float:left; padding-left:25px; height:24px; background:url(../images/map.jpg) no-repeat left center; font-size:13px; }
.ding .fr ul li.ban{width:60px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }

.ding .fr ul li.lm{float:left; width:70px; position:relative; z-index:8; left:0; top:0; height:24px; cursor:pointer;}
.ding .fr ul li.lm dl{display:none; position:absolute; z-index:9; left:-30px; top:24px;  width:120px; background:#fff; border:1px solid #e1e1e1;}
.ding .fr ul li.lm dl dd{display:Block; height:32px; line-height:32px;}
.ding .fr ul li.lm dl dd a{display:Block; width:120px; height:32px; line-height:32px; border-bottom:1px solid #e1e1e1; text-align:center;}
.ding .fr ul li.lm dl dd a:hover{background:#008dce; color:#fff;}

.ding .fr .tel{display:Block; height:24px; line-height:24px; font-size:14px;}
.ding .fr .tel .blue{font-size:23px; color:#008dce;}


.menu{display:Block; width:100%; height:55px; position:absolute; left:0; top:95px; z-index:7; background:url(../images/menubg.png) repeat-x left top;}
.menu .inner{display:Block; }
.menu .inner li{float:left; width:133px; height:55px; text-align:center;}
.menu .inner li a{display:block; width:133px; height:55px; line-height:55px; font-size:15px; text-align:center;}
.menu .sub_menu{display:block; width:100%; position:absolute; z-index:9;left:0px; top:55px; background:#008dce; }
.menu .sub_menu .s_in{display:none; width:1067px;padding-left:133px;margin:0 auto;}
.menu .sub_menu .s_in dl{float:left; width:133px; height:270px;padding-top:10px;}
.menu .sub_menu .s_in dl dd{display:Block; height:27px; line-height:27px; font-size:13px; text-align:center;}
.menu .sub_menu .s_in dl dd a{display:Block; height:27px; line-height:27px; font-size:13px; text-align:center; color:#fff;}
.menu .sub_menu .s_in dl dd a:hover{background:#008dce; color:#fff;}

.menu .sub_menu .s_in dl.current{background:#017cb5;}
.menu_di{display:block; width:100%;  height:7px;background:#008dce url(../images/sub_menu_bg.jpg) no-repeat left bottom; z-index:8;}


.key_pro{display:Block; width:100%; margin:0 auto; position:absolute; z-index:8; left:0px; top:630px; height:60px; }
.key_pro .inner{position:relative; z-index:9; left:0; top:0;}
.key_pro li{transition:all 0.7s linear 0s;-webkit-transition:all 0.7s linear 0s; -moz-transition:all 0.7s linear 0s; -o-transition:all 0.7s linear 0s;}
.key_pro li.k1{position:absolute; left:0; top:0; z-index:10; width:394px; height:90px; background:#005aa8; margin-right:8px;}
.key_pro li.k2{position:absolute; left:402px; top:0; z-index:10; width:394px; height:90px; background:#0285cc; margin-right:8px;}
.key_pro li.k3{position:absolute; left:806px; top:0; z-index:10; width:394px; height:90px; background:#1caae1;}

.key_pro li.hover{height:90px;top:-5px;background:#d90008; }

.key_pro li .pic{float:left; width:129px; height:80px;padding:5px;}
.key_pro li .pic img{display:Block; width:129px; height:80px;}
.key_pro li .wz{float:right; width:240px;position:relative; z-index:3; left:0; top:0; cursor:pointer;}
.key_pro li .wz .tit{display:Block; height:26px; line-height:26px; font-size:21px; font-weight:normal; color:#fff; padding-top:15px;}
.key_pro li .wz .detail{display:block; height:24px; line-height:24px; font-size:14px; color:#fff;}
.key_pro li .wz  .moret{position:absolute; right:15px; top:60px;z-index:4; width:22px; height:21px; background:url(../images/ar.png) no-repeat right top;  }
.key_pro li .wz  .moret:hover{background:url(../images/arh.png) no-repeat right top; }

.bot{display:block; width:100%; border-top:1px solid #e1e1e1; }
.bot .inner{display:block; padding:40px 0px;}
.bot dl{float:left; width:110px;  background:url(../images/ge.jpg) no-repeat right top; height:150px;}
.bot dl dt{display:Block; height:40px; line-height:40px; margin-bottom:5px;}
.bot dl dt a{display:Block; height:40px; line-height:40px; font-size:17px; color:#444; font-weight:bold;}
.bot dl dt a:hover{color:#008dce;}
.bot dl dd{display:Block; height:24px; line-height:24px;}
.bot dl dd a{display:block;height:24px; line-height:24px; font-size:13px; color:#666;} 
.bot dl dd a:hover{color:#008dce;font-size:13px;}

.bot dl.first{width:240px;padding-right:45px;}
.bot dl dd{float:left; width:120px;}
.bot dl dd a{display:Block; width:120px; height:24px; line-height:24px; font-size:13px;}

.bot dl.second{width:240px; padding:0px 45px;}

.bot dl.third{display:Block; width:110px; padding:0px 45px;}

.bot dl.contact{float:right; background:none; width:340px; background:url(../images/ewm.jpg) no-repeat right 32px;}
.bot dl.contact dd{display:Block; width:340px;}

.support{display:Block; width:100%; padding:10px 0px; background:#008dce; color:#fff; font-size:13px;}
.support a{color:#fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
#banner{display:block;cursor:pointer;width:100%;height:595px;position:relative;margin:0px auto;z-index:2;}
#banner .imglist{width:100%;height:595px;position:absolute;top:0px;left:0px;}
#banner .left{display:block;position:absolute;left:5%; top:250px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat 0px  top;z-index:7;}
#banner .right{display:block;position:absolute; right:5%; top:250px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat -36px top;z-index:8;}
#banner  .btn{position:absolute;bottom:10px;left:47%;display:block;padding:2px 15px; border-radius:11px;z-index:3;}
#banner  .btn li{float:left;height:16px;width:16px;margin:0px2px; background:url("../images/1.png") no-repeat; cursor:pointer;}
#banner  .btn .hover{background:url("../images/2.png") no-repeat;}